<template>
  <div class="guanzhu" id="follow-us" ref="follow">
    <h2 class="hometitle">关注一下蒙家辉 爱你</h2>
    <ul>
      <!-- <li class="sina"><a href="/" target="_blank"><span>新浪微博</span>蘑菇博客</a></li>         -->
      <li class="qqGroup">
        <a
          href="//shang.qq.com/wpa/qunwpa?idkey=88bc57d77601a3c5ae97fe6d9c0bfa25c2ae166d8f0b9f6da6f7294097be6d08"
          target="_blank"
        >
          <span>微信</span>
          {{contact.weChat}}
        </a>
      </li>
      <li class="qq">
        <a
          href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=1595833114"
          target="_blank"
        >
          <span>QQ号</span>
          {{contact.qqNumber}}
        </a>
      </li>
      <li class="email">
        <a :href="contact.mailto" target="_blank">
          <span>邮箱帐号</span>
          {{contact.email}}
        </a>
      </li>
      <li class="github">
        <a :href="contact.github" target="_blank">
          <span>Github</span>
          {{contact.github}}
        </a>
      </li>
      <li class="gitee">
        <a :href="contact.gitee" target="_blank">
          <span>Gitee</span>
          {{contact.gitee}}
        </a>
      </li>
      <!-- <li class="wx"><img src="../../../static/images/wx.jpg"></li> -->
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      contact: {
        mailto: "mailto://1335189318@qq.com",
        qqNumber: "1335189318",
        email: "1335189318@qq.com",
        weChat: "1335189319",
        github: "https://github.com/Look-Ahead8",
        gitee: "https://gitee.com/Look-Ahead"
      }
    };
  }
};
</script>

<style>
</style>